$curTheme: light;


$theme: (
        light: (
                --bg-card-color: #fff
        ),
        dark: (
                --bg-card-color: #1C1C1C,
                --bg-primary-100: #1C1C1C
        )
);


@mixin useTheme() {
  @each $key, $value in $theme {
    html[data-theme='#{$key}'] & {
      $curTheme: $key !global;
      // 这个可以替代传入的东西
      @content;
    }
  }
}



@function getVar($key) {
  @return map-get(map-get($theme, $curTheme), $key)
}

